<template>
  <!-- 地图组件 -->
  <MapContainer ref="mapRef" />
  <!-- 路由组件 -->
  <router-view v-slot="{ Component }">
    <transition name="fade">
      <KeepAlive>
        <component class="outter-router-view" :is="Component" />
      </KeepAlive>
    </transition>
  </router-view>
</template>
<script setup lang="ts">
import { provide, ref } from 'vue';
import MapContainer from './components/MapContainer.vue';
import { mapEventBusKey } from '@/iDent/index';
const mapRef = ref();

provide(mapEventBusKey, mapRef);

</script>
<style scoped lang="scss">
.outter-router-view {
  position: absolute;
  top: 0px;
  height: 0px;
  width: 100vw;
  height: 100vh;
}
</style>
